<!--
 * @Description: 
 * @Author: wuhaohu
 * @Date: 2023-02-27 14:05:40
 * @LastEditors: wuhaohu
 * @LastEditTime: 2023-02-27 18:05:25
 * @FilePath: \fast-vue3\src\views\About.vue
-->
<script setup lang="ts">

// const user = await userApi.getUserProfile()
// console.log(user, '获取用户信息')
</script>
<template>
  <div class="content-bar">
    <div class="title">月兔星球APP</div>
    <p :style="{ marginBottom: '24px' }"><i class="round"></i>在月免星球、技术流、声音控等各类大神应有尽有。覆盖英雄联盟，干者荣耀，和平精英、永劫无间、绝地求生等各种主流电竞游戏，都能找到你需要的大神一起参与!</p>
    <p><i class="round"></i>在月兔星球注册成为大神，立即解锁别样电竞乐趣!</p>
    <p :style="{ marginBottom: '24px' }"><i class="round"></i>月兔星球还有多支明星战队入驻:找iG、DYG等各大明星选手一起打水友赛，多个战队官方招募带你普升职业赛场!</p>
    <p>技能大神在线带飞</p>
    <p>电意爱好者在这里聚售。 众多热门电章游戏(英雄联照LOL、英雄联照手游，王老荣耀，和平精苏、永劫无间，绝地求生 PUBG、刀塔2、守望先锋、Apex英雄、第五人格、穿越火线等)，由经过严苛考核的电竞大神领头，带来全新电竞体验!</p>
  </div>
</template>

<style lang="less" scoped>
.content-bar {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #f5f2f6;
  letter-spacing: 2px;
  line-height: 18px;
  padding-top: 15%;
  .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 60px;
  }
  p {
    max-width: 880px;
    width: 100%;
    .round {
      display: inline-block;
      width: 12px;
      margin-right: 4px;
      transform: translateY(1px);
      height: 12px;
      background-color: #f5f2f6;
      border-radius: 50%;
    }
  }
}
</style>
